<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*    将class为re元素设置为红
        *{
            color:red;
        }
        
        将class为re的div字体大小设置为30px
        交集选择器（. 点）
        作用：同时选中多个符合条件的元素
        语法：选择器1选择器2选择器n{}
        注意
        交集选择器中如果有元素选择器，必须使用元素选择器开头

div.re{
    font-size: 30px;
}
        */
        div.re {
            font-size: 40px;
        }

        /* 
选择器分组（并集选择器  ，逗号）
作用：同时选中多个选择器对应的元素
语法：选择器1，选择器2，选择器n{}
*/
        h1,
        span {
            color: floralwhite;
        }
    </style>
</head>

<body>
    <div class="re">是div</div>
    <p class="re">p元素</p>
    <h1>标题一</h1>
    <span>caisdhdhua</span>
</body>

</html>